.area { margin: 20px auto 0px auto; }
.mui-input-group { margin-top: 10px; position: relative; }
.mui-input-group:first-child { margin-top: 20px; }
.mui-input-group label { width: 27%; line-height: 21px; }
.mui-input-row label~input, .mui-input-row label~select, .mui-input-row label~textarea { width: 73%; font-size: 14px; }
.mui-input-group .check-code{ width: 90px; text-align: center; position: absolute; top: 0; right: 0; display: block; padding: 10px 0; background-color: #999; color: #fff; z-index: 9999;}
.change-password label{ width: 28%;}
.change-password label~input{ width: 72%;}
.mui-checkbox input[type=checkbox], .mui-radio input[type=radio] { top: 6px; }
.mui-content-padded { margin-top: 20px; }
.mui-btn { padding: 10px; }
.link-area { display: block; margin-top: 15px; text-align: right; }
.spliter { color: #bbb; padding: 0px 8px; }
.oauth-area { position: absolute; bottom: 20px; left: 0px; text-align: center; width: 100%; padding: 0px; margin: 0px; }
.oauth-area .oauth-btn { display: inline-block; width: 50px; height: 50px; background-size: 30px 30px; background-position: center center; background-repeat: no-repeat; margin: 0px 20px; /*-webkit-filter: grayscale(100%); */
border: solid 1px #ddd; border-radius: 25px; }
.oauth-area .oauth-btn:active { border: solid 1px #aaa; }
/*找回密码*/
.mui-input-row input{ font-size: 14px;}
.vertify-code{position:absolute ;width:70px;height:28px;right:10px;top:6px;}
.vertify-code img{width:70px;height:28px;}
.txt-a{text-align: center;width:100%;}
p.bottom-tips{position: absolute;;bottom: 20px;color:#6b6c6e;}
span.code-tips{color:#6b6c6e;margin-top:10px}
p.password-done{margin-top:100px;margin-bottom: 70px;font-size:16px;color:#6b6c6e;}
/*手机注册*/
.mui-input-row .input-half{width:40%;float:left;}
.mui-input-row .input-btn{display:block;float:right;height:30px;text-align: center;line-height:30px; font-size:12px;margin:5px 5px 5px 0;padding:0 10px;background-color:red;border-radius:5px;max-width:30%;color:#fff;}
